﻿html,
body,
div,
h1,
ul,
li,
span,
p,
input,
button {
  margin: 0;
  padding: 0;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
}
body div#wrapper {
  width: 960px;
  margin: 30px 30px;
  font-family: Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif;
  font-size: 16px;
  color: #555555;
}
body div#wrapper > div {
  display: inline-block;
  border: 1px solid black;
  border-radius: 15px;
  padding: 5px 15px;
  background: #eeeeee;
  /* Old browsers */

  background: -moz-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #aaaaaa));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #eeeeee 0%, #aaaaaa 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa', GradientType=0);
  /* IE6-9 */

}
body div#wrapper > div h1 {
  font-size: 1.8em;
  padding: 10px 6px 10px 7px;
}
body div#wrapper > div > ul {
  list-style-type: none;
  zoom: 1;
}
body div#wrapper > div > ul:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
}
body div#wrapper > div > ul > li {
  border: 1px solid black;
  border-radius: 15px;
  padding: 5px 15px;
  clear: both;
  margin-bottom: 5px;
  width: 200px;
}
body div#wrapper > div > ul > li > span {
  display: block;
}
body div#wrapper > div > ul > li > span:first-of-type {
  font-weight: bold;
  font-size: 1.1em;
}
body div#wrapper > div > ul > li > span:last-of-type {
  font-family: Consolas;
  font-size: 0.8em;
}
body div#wrapper > div > ul li.me-item {
  float: right;
  background: #29edff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #29edff 0%, #c0faff 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29edff), color-stop(100%, #c0faff));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #29edff 0%, #c0faff 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #29edff 0%, #c0faff 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #29edff 0%, #c0faff 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #29edff 0%, #c0faff 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29edff', endColorstr='#c0faff', GradientType=0);
  /* IE6-9 */

}
body div#wrapper > div > ul li.me-item > span:first-of-type {
  text-align: left;
}
body div#wrapper > div > ul li.me-item > span:last-of-type {
  text-align: right;
}
body div#wrapper > div > ul li.toshko-item {
  float: left;
  background: #dfffd2;
  /* Old browsers */

  background: -moz-linear-gradient(top, #dfffd2 0%, #6fff3b 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfffd2), color-stop(100%, #6fff3b));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #dfffd2 0%, #6fff3b 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #dfffd2 0%, #6fff3b 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #dfffd2 0%, #6fff3b 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #dfffd2 0%, #6fff3b 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfffd2', endColorstr='#6fff3b', GradientType=0);
  /* IE6-9 */

}
body div#wrapper > div > ul li.toshko-item > span:first-of-type {
  text-align: right;
}
body div#wrapper > div > ul li.toshko-item > span:last-of-type {
  text-align: left;
}
body div#wrapper > div > input {
  clear: both;
  margin: 2px 0px;
  width: 245px;
  border-radius: 5px;
  border: 0;
  background-color: #EEEEEE;
  padding-bottom: 10px;
  padding-top: 9px;
  padding-left: 15px;
  padding-right: 15px;
  color: #555555;
}
body div#wrapper > div > button {
  border: 0;
  width: 69px;
  height: 31px;
  border-radius: 5px;
  font-size: 1.1em;
  position: relative;
  top: 1px;
  background: #ededed;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ededed 0%, #adadad 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #adadad));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ededed 0%, #adadad 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ededed 0%, #adadad 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ededed 0%, #adadad 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ededed 0%, #adadad 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#adadad', GradientType=0);
  /* IE6-9 */

}
body div#wrapper > div > button:hover {
  background: #EEEEEE;
}
